<!--
此文件为开发者工具生成，生成时间: 2023/11/8上午10:28:34
使用方法：
在 E:\workProgram\nongan\unpackage\dist\dev\mp-weixin\productPage\pages\patrolDetail\patrolDetail.wxml 引入模板

```
<import src="patrolDetail.skeleton.wxml"/>
<template is="skeleton" wx:if="{{loading}}" />
```

在 E:\workProgram\nongan\unpackage\dist\dev\mp-weixin\productPage\pages\patrolDetail\patrolDetail.wxss 中引入样式
```
@import "./patrolDetail.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
  <view class="sk-container">
    <view class="page relactive">
      <view  data-event-opts="^clickLeft,back">
        <view class="uni-navbar nav-bar--uni-navbar data-v-6bda1a90 nav-bar--data-v-6bda1a90 uni-nvue-fixed nav-bar--uni-nvue-fixed">
          <view class="uni-navbar__content nav-bar--uni-navbar__content data-v-6bda1a90 nav-bar--data-v-6bda1a90 uni-navbar--fixed nav-bar--uni-navbar--fixed uni-navbar--border nav-bar--uni-navbar--border" style="background-color:#3BC688;border-bottom-color:#fff;">
            <view  class="data-v-6bda1a90 nav-bar--data-v-6bda1a90">
              <view class="uni-status-bar bar--uni-status-bar" style="height:44px;"></view>
            </view>
            <view class="uni-navbar__header nav-bar--uni-navbar__header data-v-6bda1a90 nav-bar--data-v-6bda1a90" style="color:#fff;background-color:#3BC688;height:44px;">
              <view class="uni-navbar__header-btns nav-bar--uni-navbar__header-btns uni-navbar__header-btns-left nav-bar--uni-navbar__header-btns-left data-v-6bda1a90 nav-bar--data-v-6bda1a90" data-event-opts="tap,onClickLeft,$event" style="width:20px;">
                <view class="uni-navbar__content_view nav-bar--uni-navbar__content_view data-v-6bda1a90 nav-bar--data-v-6bda1a90">
                  <view class="data-v-6bda1a90 nav-bar--data-v-6bda1a90">
                    <text class="uni-icons icons--uni-icons uniui-left icons--uniui-left sk-pseudo sk-pseudo-circle" data-event-opts="tap,_onClick,$event" style="color:#fff;font-size:20px;"></text>
                  </view>
                </view>
              </view>
              <view class="uni-navbar__header-container nav-bar--uni-navbar__header-container data-v-6bda1a90 nav-bar--data-v-6bda1a90" data-event-opts="tap,onClickTitle,$event">
                <view class="uni-navbar__header-container-inner nav-bar--uni-navbar__header-container-inner data-v-6bda1a90 nav-bar--data-v-6bda1a90">
                  <text class="uni-nav-bar-text nav-bar--uni-nav-bar-text uni-ellipsis-1 nav-bar--uni-ellipsis-1 data-v-6bda1a90 nav-bar--data-v-6bda1a90 sk-transparent sk-text-14-2857-201 sk-text" style="color:#fff;">巡查详情</text>
                </view>
              </view>
              <view class="uni-navbar__header-btns nav-bar--uni-navbar__header-btns uni-navbar__header-btns-right nav-bar--uni-navbar__header-btns-right data-v-6bda1a90 nav-bar--data-v-6bda1a90" data-event-opts="tap,onClickRight,$event" style="width:60px;"></view>
            </view>
          </view>
          <view class="uni-navbar__placeholder nav-bar--uni-navbar__placeholder data-v-6bda1a90 nav-bar--data-v-6bda1a90">
            <view class="data-v-6bda1a90 nav-bar--data-v-6bda1a90">
              <view class="uni-status-bar bar--uni-status-bar" style="height:44px;"></view>
            </view>
            <view class="uni-navbar__placeholder-view nav-bar--uni-navbar__placeholder-view data-v-6bda1a90 nav-bar--data-v-6bda1a90" style="height:44px;"></view>
          </view>
        </view>
      </view>
      <view class="w100" style="height:355px;position:fixed;top:0;">
        <image class="w100 sk-image" style="height:355px;"></image>
      </view>
      <view class="relactive mt40 px24 border-box">
        <view class="colf">
          <view class="sk-transparent">
            <text class="font44 sk-transparent sk-text-14-2857-677 sk-text">98</text>分</view>
          <view class="pt20 pdb30">
            <text class="sk-transparent sk-text-14-2857-183 sk-text">巡查时间：2023.10.20 09:30</text>
          </view>
        </view>
        <view class="py40 px30 border-box flex flex-column flex-between bgWhite br16 mb22">
          <view class="flex">
            <view class="flex align-center">
              <text class="mr22 font28 sk-transparent sk-text-14-2857-126 sk-text">主体名称:</text>
              <text class="font32 font800 sk-transparent sk-text-14-2857-358 sk-text">射洪大榆镇凤姐蜂蜜养殖场</text>
            </view>
          </view>
          <view class="flex mt28">
            <view class="flex align-center">
              <text class="mr22 sk-transparent sk-text-14-2857-678 sk-text">经营品种:</text>
              <text class="sk-transparent sk-text-14-2857-67 sk-text">蜂蜜180箱-4月至8月</text>
            </view>
          </view>
          <view class="flex mt28">
            <view class="flex align-center">
              <text class="mr22 sk-transparent sk-text-14-2857-53 sk-text">联系方式:</text>
              <text class="sk-transparent sk-text-14-2857-600 sk-text">胥凤琼 13320649879</text>
            </view>
          </view>
          <view class="mt28 flex align-center">
            <view class="mr22">
              <view class="px8 py4 border-box br4" style="background-color:#E6F7FF;">
                <text class="font24 sk-transparent sk-text-14-2857-92 sk-text" style="color:#1590E2;">养殖大户</text>
              </view>
            </view>
            <view class="mr22">
              <view class="px8 py4 border-box br4" style="background-color:#E6FFF4;">
                <text class="font24 sk-transparent sk-text-14-2857-388 sk-text" style="color:#1F9A64;">养殖业</text>
              </view>
            </view>
            <view class="mr22">
              <view class="px8 py4 border-box br4" style="background-color:#FFF0E6;">
                <text class="font24 sk-transparent sk-text-14-2857-642 sk-text" style="color:#EE7B2E;">家庭农场</text>
              </view>
            </view>
          </view>
          <view class="flex align-center mt30">
            <image mode="true" class="mr14 sk-image" style="width:8px;height:11px;"></image>
            <view class="flex align-center">
              <text class="sk-transparent sk-text-14-2857-276 sk-text">四川省遂宁市射洪市 大榆镇 新井村三社</text>
            </view>
          </view>
        </view>
        <view class="br10 px24 py36 border-box" style="background:#F5FFFB;">
          <view class="mb20 ml6">
            <text class="sk-transparent sk-text-14-2857-117 sk-text">这个养殖场占地面积大，养殖规范，产的蜂蜜也甜</text>
          </view>
          <view class="flex flex-wrap">
            <view class="flex flex-center align-center" style="margin:3px;">
              <image mode="true" class="br16 sk-image" style="height:103px;width:103px;"></image>
            </view>
            <view class="flex flex-center align-center" style="margin:3px;">
              <image mode="true" class="br16 sk-image" style="height:103px;width:103px;"></image>
            </view>
            <view class="flex flex-center align-center" style="margin:3px;">
              <image mode="true" class="br16 sk-image" style="height:103px;width:103px;"></image>
            </view>
            <view class="flex flex-center align-center" style="margin:3px;">
              <image mode="true" class="br16 sk-image" style="height:103px;width:103px;"></image>
            </view>
            <view class="flex flex-center align-center" style="margin:3px;">
              <image mode="true" class="br16 sk-image" style="height:103px;width:103px;"></image>
            </view>
          </view>
        </view>
        <view class="mt20 px30 py40 border-box bgWhite flex flex-column flex-between">
          <view class="font32 col2 fontw700">
            <text class="sk-transparent sk-text-14-2857-172 sk-text">检查内容</text>
          </view>
          <view class="w100 mt40 mb10" style="border:1px dashed #D9D9D9;"></view>
          <view class="flex flex-between align-center py30 border-box">
            <text class="sk-transparent sk-text-14-2857-93 sk-text">使用国家明令禁止的农药、鱼药、兽药等</text>
            <view style="color:#1F9A64;" class="sk-transparent">+
              <text class="sk-transparent sk-text-14-2857-315 sk-text">20分</text>
            </view>
          </view>
          <view class="flex flex-between align-center py30 border-box">
            <text class="sk-transparent sk-text-14-2857-158 sk-text">使用国家明令禁止的农药、鱼药、兽药等</text>
            <view style="color:#1F9A64;" class="sk-transparent">+
              <text class="sk-transparent sk-text-14-2857-563 sk-text">20分</text>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>


<style lang="scss" scoped>
	/*
	此文件为开发者工具生成，生成时间: 2023/11/8上午10:28:34
	
	在 E:\workProgram\nongan\unpackage\dist\dev\mp-weixin\productPage\pages\patrolDetail\patrolDetail.wxss 中引入样式
	```
	@import "./patrolDetail.skeleton.wxss";
	```
	
	更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
	*/
	.sk-transparent {
	    color: transparent !important;
	  }
	.sk-text-14-2857-201 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 50.4000rpx;
	    position: relative !important;
	  }
	.sk-text {
	    background-origin: content-box !important;
	    background-clip: content-box !important;
	    background-color: transparent !important;
	    color: transparent !important;
	    background-repeat: repeat-y !important;
	  }
	.sk-text-14-2857-677 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 61.6000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-183 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 36.4000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-126 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 36.4000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-358 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 44.8000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-678 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 36.4000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-67 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 36.4000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-53 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 36.4000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-600 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 36.4000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-92 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 33.6000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-388 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 33.6000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-642 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 33.6000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-276 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 36.4000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-117 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 36.4000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-172 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 44.8000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-93 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 36.4000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-315 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 36.4000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-158 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 36.4000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-563 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 36.4000rpx;
	    position: relative !important;
	  }
	.sk-image {
	    background: #EFEFEF !important;
	  }
	.sk-pseudo::before, .sk-pseudo::after {
	      background: #EFEFEF !important;
	      background-image: none !important;
	      color: transparent !important;
	      border-color: transparent !important;
	    }
	.sk-pseudo-rect::before, .sk-pseudo-rect::after {
	      border-radius: 0 !important;
	    }
	.sk-pseudo-circle::before, .sk-pseudo-circle::after {
	      border-radius: 50% !important;
	    }
	.sk-container {
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    overflow: hidden;
	    background-color: transparent;
	  }

</style>